@screenWidth:100%;
@headerHeight:60px;
@backgroundColor: #438Eb9;
#goods{
    height:auto ;
    .submenu{
        li:nth-child(2){
            a{
                color: #438Eb9;
            }
        }
    }
}
.right{
    b{
        display: inline-block;
        height:35px;
        line-height: 35px;
        width: 99%;
        background-color:@backgroundColor;
        color: #fff;
        text-align: center;
        
    }
    li{
        list-style: none;
        height: 30px;
        line-height: 30px;
        text-align: left;
        text-indent: 1em;
        &:hover{
            cursor: pointer;
            color: @backgroundColor;
            
            background: rgb(238, 234, 234);
        }
    }
    .wrap{
        width: auto;
        overflow: auto;
    }   
    .containerSort{
        width: 99%;
        display: grid;
        grid-template-columns:15% 10% 10% 10% 50%;
        grid-template-rows: 100%;
        text-align: left;
        .activeSort{
            color: #438Eb9;
            background: rgb(238, 234, 234);
        }
        .normalSort{
            color: black;
            background: rgb(255, 255, 255);
        }
        .firstSortDiv{
            border: 1px solid #ccc;
            min-height:500px;
        }
        .secondSortDiv{
            border: 1px solid #ccc;
            min-height:500px;
        }
        .thirdSortDiv{
            border: 1px solid #ccc;
            min-height:500px;
        }
        .sortWrap{
            text-align: center;
            border: 1px solid #ccc;
            .sortBtns{
                margin: 10px auto;
                text-align: center;
            }
            .preChoosed{
                text-align: center;
                height:30px;
                line-height: 30px;
                margin: 10px 0;
                color: #ff4700;
            }
            .btns{
                text-align: center;
                width: auto;
                height:70px;
                line-height: 70px;
                display: inline-block;
                padding:0 20px;
                border: 1px solid #ccc;
                margin:0 auto;
            }
            .changeSort{
                display: none;
                min-width: 400px ;
                width: 60%;
                height:auto;
                text-align: left;
                margin: 20px auto;
                padding:0 0 10px 0;
                border:1px solid #ccc;
                p{
                    text-align: center;
                    height:40px;
                    line-height: 40px;
                    width:100%;
                    background-color:#ccc;
                    color:#fff;
                }
                span{
                    display:inline-block;
                    height:40px;line-height: 40px;
                    text-indent: 1em;
                }
                input{
                    height:40px;line-height: 40px;
                    margin:10px 0;
                    border: 1px solid #ccc;
                    margin: 0 auto;
                    &::before{
                        content:"123"

                    }
                }
            }
            .addSortChild{
                display: none;
                min-width: 400px;
                width: 60%;
                height:auto;
                text-align: left;
                margin: 20px auto;
                padding:0 0 10px 0;
                border:1px solid #ccc;
                p{
                    text-align: center;
                    height:40px;
                    line-height: 40px;
                    width:100%;
                    background-color:#ccc;
                    color:#fff;
                }
                span{
                    display:inline-block;
                    height:40px;line-height: 40px;
                    text-indent: 1em;
                }
                input{
                    height:40px;line-height: 40px;
                    margin:10px 0;
                    border: 1px solid #ccc;
                    margin: 0 auto;
                    &::before{
                        content:"123"

                    }
                }
            }
            .addSort{
                display: none;
                min-width: 400px ;
                width: 60%;
                height:auto;
                text-align: left;
                margin: 20px auto;
                padding:0 0 10px 0;
                border:1px solid #ccc;
                p{
                    text-align: center;
                    height:40px;
                    line-height: 40px;
                    width:100%;
                    background-color:#ccc;
                    color:#fff;
                }
                span{
                    display:inline-block;
                    height:40px;line-height: 40px;
                    text-indent: 1em;
                }
                input{
                    height:40px;line-height: 40px;
                    margin:10px 0;
                    border: 1px solid #ccc;
                    margin: 0 auto;
                    &::before{
                        content:"123"

                    }
                }
            }
            .delSort{
                display: none;
                min-width: 400px ;
                width: 60%;
                height:auto;
                text-align: left;
                margin: 20px auto;
                padding:0 0 10px 0;
                border:1px solid #ccc;
                p{
                    text-align: center;
                    height:40px;
                    line-height: 40px;
                    width:100%;
                    background-color:#ccc;
                    color:#fff;
                }
                span{
                    display:inline-block;
                    height:40px;line-height: 40px;
                    text-indent: 1em;
                }
            }
        }
    }

}